<button>a</button>
<button>b</button>
<button>c</button>
<button>d</button>

<script>

    var btn = document.getElementsByTagName("button")

    // for(var i=0;i<btn.length;i++){
    //     // console.log(btn[i]);

    //     btn[i].index=i
    //     btn[i].onclick=function(){
    //         // console.log(i);//4
    //         console.log(this.index);
    //     }
    // }
    // i 全局作用域


    for (let i = 0; i < btn.length; i++) {
        btn[i].onclick = function () {
            console.log(i);//0 1 2 3 
        }
    }


 /* {
        let i = 0
        {
            btn[i].onclick = function () {
                console.log(i);//0 
            }
        }

    }
    {
        let i = 1
        {
            btn[i].onclick = function () {
                console.log(i);//1 
            }
        }

    } */











</script>